header { position: fixed; top: 0; left: 0; height: 50px; line-height: 50px; width: 100%; background: #f5f5f5; }

section { box-sizing: border-box; padding-top: 50px; padding-bottom: 60px; height: 100%; background: #ffffff; }

footer { position: fixed; bottom: 0; left: 0; width: 100%; height: 60px; line-height: 60px; background: #da472e; }

nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
nav .item { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 5px 0; height: 50px; line-height: 50px; border-right: 1px solid #e9e9e9; font-size: 14px; color: #ffffff; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
nav .item:last-of-type { border: none; }

.swiper-container { width: 100%; height: 100%; }

.swiper-slide { width: 100%; max-height: 100%; }

#scroller { position: absolute; z-index: 1; -webkit-tap-highlight-color: transparent; width: 100%; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }

#scroller ul { list-style: none; padding: 0; margin: 0; width: 100%; text-align: left; }

#scroller li { padding: 0 10px; height: 40px; line-height: 40px; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; background-color: #fafafa; font-size: 14px; }
